// .img{
//    display: flex;
//    justify-content: center;
//   img{
//     width: 350px;
//   }
// }
// .top{
//   display: flex;
//   justify-content: center;
//   .inp{
//     width: 550px;
//     height: 38px;
//     border:2px solid #c4c7ce;
//     border-radius:10px 0px 0px 10px;
//     padding-left: 10px;
//   }
//   input:hover{
//     border: 2px solid #a7aab5;
//     padding-left: 10px;
//   }
//   input:focus{
//     outline: none;
//     border: 2px solid #4e6ef2;
//     font-size: 20px;
//     padding-left: 10px;
//   }
//   .btn{
//     cursor: pointer;
//     width: 108px;
//     height: 44px;
//     background-color: #4e6ef2;
//     border-radius: 0 10px 10px 0;
//     font-size: 17px;
//     color: #fff;
//     border: none;
//     outline: 0;
//   }
// }
// .sou{
//   display: flex;
//   justify-content: center;
//   margin: 45px auto 0;
//   .souson{
//     width: 680px;
//     display: flex;
//     justify-content: space-between;
//     .souson1{
//       font-weight: 900;
//       color: #222;
//     }
//     .souson2{
//       font-size: 14px;
//       line-height: 14px;
//       color: #626675;
//       margin-right: 2px;
//       margin-top: 5px;
//     }
//   }
// }
// .con{
//   display: flex;
//   justify-content: center;
// }
// .content{
//   width: 680px;
//   height: 300px;
//   margin-top: 10px;
//   display: flex;
//   .contentright{
//     margin-left: 50px;
//   }
// }
// ul{
//   padding-inline-start: 0px;
// }
// li{
//   list-style: none;
//   display: flex;
//   margin-top: 10px;
//   span{
//     margin-right: 20px;
//   }
//   .list1{
//     color: #f63051;
//   }
//   .list2{
//     color: #fe2d46;
//   }
//   .list3{
//     color: #ff6600;
//   }
//   .list4{
//     color: #faa90e;
//   }
//   .list5{
//     color: #9195a3;
//   }
//   .list6{
//     color: #9195a3;
//   }
// }
// a:hover{
//   color: #0000ee;
//   //显示下划线
//   text-decoration: underline !important;
// }
// a {
//   color: #222;
//   text-decoration: none !important;
// }



// .todulist{
//   display: flex;
//   flex-direction:column;
//   align-items: center;
// }
// .todutop{
//   width: 1200px;
//   height: 170px;
//   padding-left: 25px;
//   background-color: #e7f7de;
//   p{
//     font-size: 15px;
//     color: #357236;
//   }
// }
// .title{
//   margin-block-start: 0.5em;
//   margin-block-end: 0em;
//   color: #357236;
// }
// .typing{
//     display: flex;
//     input{
//       width: 1050px;
//     }
// }
// .typingleft{
//   width: 60px;
//   font-size: 15px;
//   text-align: center; 
//   line-height: 32px;
//   background-color: #f7f7f7;
//   border: 1px solid #c4c7ce;
//   border-radius: 5px 0 0 5px;
// }
// .typingright{
//   width: 60px;
//   font-size: 15px;
//   text-align: center; 
//   line-height: 32px;
//   background-color: #f7f7f7;
//   border: 1px solid #c4c7ce;
//   border-radius: 5px 0 0 5px;
// }
// .bottom{
//   display: flex;
// }









.warpper{
   width: 300px;
   border: 1px solid rgb(207, 208, 203);
   background-color: rgb(240, 245, 239);
  }
  .com{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
     .cominput{
          width: 265px;
          height: 13px;
          font-size: 13px;
          margin-top: 15px;
   background-color: rgb(240, 245, 239);

     }
     .textarea{
      width: 265px;
      margin-top: 10px;
      background-color: rgb(240, 245, 239);

     }
  }
  .btn{
    margin-top: 10px;
    margin-left: 15px;
    height: 21px;
    font-size: 10px;
  }
  .combottom{
    margin-left: 5px;
  }
  .li{
    display: flex;
    justify-content: space-between;
    margin-right: 20px;
    line-height: 40px;
  }
  .h2{
    margin-block-end: 0em;
    margin-block-start: 0em;
  }

  .warp{
    display: flex;
    justify-content: center;
  }